<template>
	<view class="recommended_nav">
		<view class="recommended_header">
			<view class="left">
				<view class="recommend_title">
					<slot name="title"></slot>
				</view>
			</view>
			<view class="right">
				<view class="recommended_more">
					<slot name="more"></slot>
				</view>
				<!-- <view class="slot_more" v-else>
					{{more}}
				</view> -->
				<uni-icons type="forward"></uni-icons>
			</view>
		</view>
		<view class="content">
			<slot name="content">
				<view class="m_content">
					<slot name="m_image"></slot>
					<slot name="m_name"></slot>
				</view>
			</slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: "recommended_nav",
		data() {
			return {};
		},

	}
</script>

<style lang="scss">

</style>
